<!doctype html>
<html>
<head>
  <meta charset='utf-8'>
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta name="viewport" content="width=device-width">
  <title>Cycle.js<%= title ? ' - ' + title : '' %></title>

  <!-- Flatdoc -->
  <script src='<%= pathToRoot %>support/vendor/jquery.js'></script>
  <script src='<%= pathToRoot %>support/vendor/highlight.pack.js'></script>
  <script src='<%= pathToRoot %>legacy.js'></script>
  <script src='<%= pathToRoot %>flatdoc.js'></script>

  <!-- Others -->
  <script async src="//static.jsbin.com/js/embed.js"></script>

  <!-- Flatdoc theme -->
  <link href='<%= pathToRoot %>theme/style.css' rel='stylesheet'>
  <script src='<%= pathToRoot %>theme/script.js'></script>
  <link href='<%= pathToRoot %>support/vendor/highlight-github-gist.css' rel='stylesheet'>

  <!-- Meta -->
  <meta content="Cycle.js<%= title ? ' - ' + title : '' %>" property="og:title">
  <meta content="A functional and reactive JavaScript framework for predictable code" name="description">

  <!-- Content -->
  <script id="markdown" type="text/markdown" src="index.html">
<%- content %>
  </script>

  <!-- Initializer -->
  <script>
    Flatdoc.run({
      fetcher: function(callback) {
        callback(null, document.getElementById('markdown').innerHTML);
      },
      highlight: function (code, value) {
        return hljs.highlight(value, code).value;
      },
    });
  </script>

</head>
<body role='flatdoc' class="no-literate">

<% if (typeof frontpage !== 'undefined') { %>
  <div class="hero">
    <div class="hero-body">
      <div class="hero-title">
        <img src="img/cyclejs_logo.svg" alt="Cycle.js logo" class="hero-logo">
        <h1>Cycle.js</h1>
      </div>
      <h2>A functional and reactive JavaScript framework for predictable code</h2>
      <h3><a href="<%= pathToRoot %>getting-started.html">Read the docs</a></h3>
      <h4><a href="http://widdersh.in/tricycle/">Or try it live!</a></h4>
      <h5>Join <a href="http://cycleconf.com">CycleConf 2017</a> happening soon on 21st – 23rd of April!</h5>
    </div>
  </div>
<% } %>

  <div class='header'>
    <div class='left'>
      <h1><a href="/"><img class="logo" src="<%= pathToRoot %>img/cyclejs_logo.svg" >Cycle.js</a></h1>
      <ul>
        <li><a href='<%= pathToRoot %>getting-started.html'>Documentation</a></li>
        <li><a href='<%= pathToRoot %>api/index.html'>API reference</a></li>
        <li><a href='<%= pathToRoot %>releases.html'>Releases</a></li>
      </ul>
    </div>
    <div class='right'>
      <!-- GitHub buttons: see https://ghbtns.com -->
      <iframe src="https://ghbtns.com/github-btn.html?user=cyclejs&amp;repo=cyclejs&amp;type=watch&amp;count=true" allowtransparency="true" frameborder="0" scrolling="0" width="110" height="20"></iframe>
    </div>
  </div>

  <div class='content-root'>
    <div class='menubar'>
      <div class='menu section'>
<% if (typeof premenu !== 'undefined' && premenu.length > 0) { %>
        <ul>
  <% premenu.forEach(function (item) { %>
            <li><a href="<%= pathToRoot %><%= item.link %>" class="level-1 out-link"><%= item.title %></a></li>
  <% }) %>
        </ul>
<% } %>
        <div role='flatdoc-menu'></div>
<% if (typeof postmenu !== 'undefined' && postmenu.length > 0) { %>
        <ul>
  <% postmenu.forEach(function (item) { %>
            <li><a href="<%= pathToRoot %><%= item.link %>" class="level-1 out-link"><%= item.title %></a></li>
  <% }) %>
        </ul>
<% } %>
      </div>
    </div>
    <div role='flatdoc-content' class='content'></div>
<% if (typeof frontpage !== 'undefined') { %>
    <div class='content'>
      <script src="https://opencollective.com/cyclejs/banner.js"></script>
    </div>
<% } %>
  </div>
<% if (typeof frontpage !== 'undefined') { %>
  <script src="js/example-hello-world.min.js" async defer></script>
<% } %>

  <script>
    (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
    (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
    m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
    })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
    ga('create', 'UA-43862400-3', 'auto');
    ga('send', 'pageview');
  </script>
  <script>
    ((window.gitter = {}).chat = {}).options = {
      room: 'cyclejs/cyclejs'
    };
  </script>
  <script src="https://sidecar.gitter.im/dist/sidecar.v1.js" async defer></script>
</body>
</html>
